<template>
  <div class="no-video">
    <a-empty
      :image="simpleImage"
      :imageStyle="imageStyle"
      :description="'暂无视频'"
    />
  </div>
</template>

<script setup lang="ts">
import simpleImage from './no-video.png'

const imageStyle = {
  width: '2rem',
  height: '2rem'
}
</script>

<style lang="less">
.no-video {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;

  .ant-empty {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}
</style>
